@charset "utf-8";
/* CSS Document */
*,*:after,*:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*::after,*::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
body{width:100%;color:#333;line-height:1.5;background-color:#fff;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
.w1920{overflow: hidden;}
.clear{width:100%;height:0;overflow:hidden;clear:both;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.iblock{display:inline-block;}
#ZoomBox{background:#fff;}

/* nav */
.nav-fixed{min-width:320px!important;position: fixed!important;box-shadow: 0 2px 5px rgba(0,70,45,.3);top:0;left:0;}

/*position*/
.container .position{margin-bottom:10px;overflow:hidden;background: url(../nyimages/icon2.png) bottom repeat-x;font-size: 15px;}
.container .position p{padding-left:40px;overflow:hidden;background:url(../nyimages/sy.png) 5px top no-repeat;padding:3px 5px 14px 45px;border-bottom: 1px solid #e52e2e;float: left;}
.container .position p span{color: #e52e2e;}

/*page*/
.page{width:100%;padding:20px 0;text-align:center;overflow:hidden;color: #666;}
.page a{border:1px solid #ccc;padding:1px 5px;color:#666;background:#FeFeFe;margin:2px;}
.page .pcurrent a,.page a:hover{border:1px solid #e52e2e;color:#e52e2e;}
.page .pmsg{color: #999;}

/*goback & next*/
.container .goback{width:100%;text-align:center;height:50px;line-height:40px;color:#787878;background:#f0f2f4;padding: 5px;}
.container .next{width:100%;color:#787878;padding:20px 0 5px;text-align:center;overflow: hidden;}
.container .next p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;padding:5px 15px;}

/*jqueryzoom*/
.bigPic{position: relative;padding: 0;}
.zoomdiv{z-index: 100;position: absolute;top: 1px;left: 0px;width: 400px;height: 400px;background: #fff;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50%;height: 50%;border: 1px solid #FEDE4F;background: #FEDE4F;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor: move;}

/*foot-button*/
.foot-button{display:none;width:100%;background:#fafafa;border-top:.5px solid #e6e6e6;overflow:hidden;position:fixed;left:0;bottom:0;z-index:999999;}
.foot-button p{width:100%;text-align:center;padding:5px;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;}
.foot-button a{display:block;width:100%;float:left;flex-shrink:1;border-left:.5px solid #e6e6e6;padding-top:25px;position:relative;overflow:hidden;color:#666;}
.foot-button a:first-child{border:none;}
.foot-button em,.foot-button i{display:block;width:100%;position:absolute;left:0;top:0;font-size:24px;line-height:1;height:25px;color:#e52e2e;}
.foot-button .btn-tel em,.foot-button .btn-tel i{font-size:27px;margin-top:-1px;}
.foot-button i,.foot-button a:hover em,.foot-button a.active em{opacity: 0;}
.foot-button span{display:block;width:100%;font-size:12px;line-height:1.5;height:15px;}
.foot-button a:hover span,.foot-button a.active span{color:#e52e2e;}
.foot-button a:hover i,.foot-button a.active i{opacity: 1;}

/*QQ*/
.online_box{position: fixed;right: 5px;bottom: 10px;width: 75px;overflow: visible;z-index:999;}
.online_box .hidd{height:0;}
.online_box p{width:100%;height:75px;cursor:pointer;position:relative;left:0;margin-bottom:1px;overflow: visible;background:none center no-repeat;background-size:auto 100%;border-radius: 3px;}
.online_box,.online_box p,.online_box p span,.online_box p img{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.online_box p *{position:absolute;width:100%;height:100%;top:0;}
.online_box p img{right:50%;width:0;height:0;box-shadow: 0 0 10px rgba(0,0,0,.15);border-radius: 3px;opacity: 0;z-index: -1;}
.online_box p:hover{width:120%;left:-20%;}
.online_box p:hover img{width:150px;height:150px;opacity: 1;right:100%;}
.online_box .r_qq{background-image:url(../nyimages/r_qq.png);background-color:#6da9de;}
.online_box .r_qq a.qq_m{display:none;}
.online_box .r_qq:hover{background-color:#488bc7;}
.online_box .r_wx{background-image:url(../nyimages/r_wx.png);background-color:#78c340;}
.online_box .r_wx:hover{background-color:#58a81c;}
.online_box .r_phone{background-image:url(../nyimages/r_phone.png);background-color:#ffb01f;overflow:hidden;background-position-x:left;}
.online_box .r_phone a{display:none;}
.online_box .r_phone span{display:block;width:150px;height:100%;font-size:20px;line-height:75px;color:#fff;font-family: Arial;white-space: nowrap;overflow:hidden;left:100%;}
.online_box .r_phone:hover{width:300%;left:-200%;background-color:#ff9600;}
.online_box .r_phone:hover span{left:30%;}
.online_box .r_online{background-image:url(../nyimages/r_online.png);background-color:#6da9de;}
.online_box .r_online:hover{background-color:#488bc7;}
.online_box .r_wangw{background-image:url(../nyimages/r_wangw.png);background-color:#1467cc;}
.online_box .r_wangw:hover{background-color:#1157ad;}
.online_box .r_top{height:0;background-image:url(../nyimages/r_top.png);background-color:#666666;}
.online_box .r_top:hover{background-color:#444;}
.online_box > div{width: 100%;line-height: 30px;border-radius: 3px;background: #e52e2e;color: #fff;text-align: center;font-size: 18px;display: none;transition: line-height .5s;float: right;}

@media only screen and (max-width:1360px){
.online_box{width: 50px;}
.online_box p{height:50px;}
.online_box .r_phone span{line-height:50px;}
.online_box .r_phone:hover{width:400%;left:-300%;}
.online_box .r_phone:hover span{left:25%;}
}
@media only screen and (max-width:1024px){
.online_box{width: 30px;}
.online_box .r_qq a.qq_pc,.online_box .r_top{display:none;}
.online_box .r_phone a,.online_box .r_qq a.qq_m{display:block;}
.online_box.min{width: 50px;}
.online_box.min > div{line-height: 50px;}
}
@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
.container .next p{width:100%;text-align: left;}
}